<template>
  <div>
    <select :value="value"  @change="handleChangeS">
      <option value="101">北京</option>
      <option value="102">上海</option>
      <option value="103">武汉</option>
      <option value="104">广州</option>
      <option value="105">深圳</option>
    </select>
  </div>
</template>

<script>
export default {
  props: {
    //1 从父组件过来的数据 使用value名称 父组件就可以使用v-model
    value: String
  },
  methods: {
    handleChangeS(event) {
      alert(event.target.value)
      //2 这里使用input事件 父组件就可以使用v-model
      this.$emit('input', event.target.value)
    }
  }
  
}
</script>

<style>
</style>